<%--
    Document   : index
    Created on : 30 avr. 2012, 19:06:33
    Author     : aurelie
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!-- Ne pas oublier cette ligne sinon tous les tags de la JSTL seront ignorés ! -->
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
    <head>
        <title>Buy Movies</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="imagetoolbar" content="no" />
        <link rel="stylesheet" href="styles/menu.css" type="text/css" />
        <script type="text/javascript" src="scripts/menu.js"></script>
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    </head>
    <body id="top">
        <div class="wrapper col0">
            <div id="topbar">
                <ul id="menu"><c:if test="${connecte}">
                        <li><a href="ServletAuthentification?action=deconnection">Déconnection</a></li>

                    </c:if>
                    <c:if test="${!connecte}">
                        <li><a href="ServletAuthentification?action=authentifier">Se connecter</a></li>
                    </c:if>

                    <li class="last"><a href="ServletPanier?action=panier">Mon Panier</a></li>
                    


                    <c:if test="${connecte}">
                        <p> ${message}</p>
                    </c:if>

                </ul>

                    </li><br/>



                    <c:if test="${connecte}">
                        <p> ${message}</p>
                    </c:if>

                </ul>
                <br class="clear" />
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col1">
            <div id="header">
                <div id="topnav">
                    <ul>
                        <li><a href="ServletFilm?action=listerFilms&categorie=all">Tous les films</a><span></span></li>
                        <li><a href="ServletFilm?action=listerFilms&categorie=null">Films par catégorie</a><span></span></li>
                        <li class="active"><a href="ServletFilm">Accueil</a><span>Nouveautés</span></li>
                    </ul>
                </div>
                <div id="logo">
                    <h1><a href="ServletAuthentification?action=index">Buy Movies</a></h1>
                    <p>Ne restez plus simple spectateur</p>
                </div>
                <br class="clear" />
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col2">
            <div id="breadcrumb">
                <ul>
                    <li class="first">You Are Here</li>
                    <li>&#187;</li>
                    <li><a href="ServletAuthentification?action=index">Accueil</a></li>
                    <li>&#187;</li>            

                    <li class="current"><a href="ServletAuthentification?action=all">Tous les films</a></li>
                </ul>
            </div>
        </div>
        <!-- ####################################################################################################### -->
        <div class="wrapper col3">
            <div id="container">
                <div id="content">
                    <c:if test="${param['action'] == 'listerFilms'}">
                        <h1>Films disponibles : </h1>
                        <FORM method=GET action=ServletFilm?action=listerFilms&categorie=recherche>
                            <INPUT TYPE=text name=titre size=15 maxlength=255 value="">
                            <INPUT TYPE="hidden" name="action" value="listerFilms">
                            <INPUT type=submit name=submit VALUE="OK">
                        </FORM>

                        <!-- La ligne de titre du tableau des comptes -->

                        <p>Classez ses films par <a href="ServletFilm?action=listerFilms&orderBy=titre">Titre</a>, 
                            <a href="ServletFilm?action=listerFilms&orderBy=note">Note </a>

                            <!-- Ici on affiche les lignes, une par film -->
                            <!-- cette variable montre comment on peut utiliser JSTL et EL pour calculer -->
                            <c:set var="total" value="0"/>

                            <c:forEach var="f" items="${listeDesFilms}">
                            <div id="picture"> <img class="imgr" src="${f.affiche}" alt="" width="150" height="210" /></div>

                            <div id="contentFilm">
                                <h1><a href="ServletFilm?id=${f.id}&action=listerFilmsDetails&submit=OK">${f.titre}</a></h1>
                                <!-- on boucle sur les categories -->
                                <p>
                                    <b>Genre</b> :
                                    <c:forEach var="c" items="${f.categories}">
                                        <!-- affiche que la categorie fantastique -->
                                        <!-- mettre la condition au debut -->
                                        <a href="ServletFilm?action=listerFilms&categorie=${c.nom}">${c.nom}, </a>
                                    </c:forEach>
                                </p>
                                <!-- on boucle sur les acteurs -->
                                <p>
                                    <b>Acteurs</b> :
                                    <c:forEach var="a" items="${f.acteurs}">
                                        <a href="ServletFilm?action=acteur&nomActeur=${a.nom}">${a.nom},</a>
                                    </c:forEach>
                                </p>

                                <p><b>Note</b> :${f.note}/10</p>
                                <!-- on boucle sur les realisateurs -->
                                <p>
                                    <b>Réalisateurs</b> :
                                    <c:forEach var="r" items="${f.realisateurs}">
                                        ${r.nom}
                                    </c:forEach>
                                </p>
                                <b>Description</b> :
                                <p><i>${f.description}...</i><a href="ServletFilm?id=${f.id}&action=listerFilmsDetails&submit=OK">suite</a></p>



                            </div>
                            <!-- On compte le nombre de users -->
                            <c:set var="total" value="${total+1}"/>

                        </c:forEach>

                        <!-- Affichage du solde total dans la dernière ligne du tableau -->
                        <p><b>${total}</b> films sont disponibles</p>


                    </c:if>

                            <!-- Pagination -->

                <% if ((request.getParameter("categorie") != null) && (request.getParameter("categorie")).equals("all")) {%>
                <c:if test="${!empty param['firstResult']}">
                    <!-- Message qui s'affiche lorsque la page est appelé avec un paramètre http message -->
                    <!--                        <div class="messageLabelConnect">-->
                    <center>

                        <!--firstResult = variable qui contient le numero rang
                        total = variable renseignant sur la longueur du rang-->

                        <c:choose>

                            <c:when test="${total<5}">
                                <% if ((request.getParameter("firstResult") != null) && (Integer.parseInt(request.getParameter("firstResult")) >= 5)) {%>
                                <a href="ServletFilm?action=listerFilms&categorie=all&firstResult=${param.firstResult-5}"> precédent </a>
                                <% }%>
                            </c:when>
                            <c:when test="${total==5}">
                                <% if ((request.getParameter("firstResult") != null) && (Integer.parseInt(request.getParameter("firstResult")) >= 5)) {%>
                                <a href="ServletFilm?action=listerFilms&categorie=all&firstResult=${param.firstResult-5}"> precédent </a>   -
                                <% }%>
                                <a href="ServletFilm?action=listerFilms&categorie=all&firstResult=${param.firstResult+5}"> suivant </a>
                            </c:when>
                        </c:choose>

                        ( ${param.firstResult+1} - ${param.firstResult+5} )

                    </center>
                </c:if>
                <% }%>
                    <c:if test="${param['action'] == 'listerFilmsDetails'}">
                        

                        <!-- La ligne de titre du tableau des comptes -->

                        <p>
                            <!-- Ici on affiche les lignes, une par film -->
                            <!-- cette variable montre comment on peut utiliser JSTL et EL pour calculer -->
                            <c:set var="total" value="0"/>

                            <c:forEach var="f" items="${listeDesFilms}">
                            <div id="picture"> <img class="imgr" src="${f.affiche}" alt="" width="150" height="210" /></div>

                            <div id="contentFilm">
                                <h1><a href="ServletFilm?id=${f.id}&action=listerFilmsDetails&submit=OK">${f.titre}</a></h1>
                                <!-- on boucle sur les categories -->
                                <p>
                                    <b>Genre</b> :
                                    <c:forEach var="c" items="${f.categories}">
                                        <!-- affiche que la categorie fantastique -->
                                        <!-- mettre la condition au debut -->
                                        <a href="ServletFilm?action=listerFilms&categorie=${c.nom}">${c.nom}, </a>
                                    </c:forEach>
                                </p>
                                <!-- on boucle sur les acteurs -->
                                <p>
                                    <b>Acteurs</b> :
                                    <c:forEach var="a" items="${f.acteurs}">
                                        <a href="ServletFilm?action=acteur&nomActeur=${a.nom}">${a.nom},</a>
                                    </c:forEach>
                                </p>

                                <p><b>Note</b> :${f.note}/10</p>
                                <!-- on boucle sur les realisateurs -->
                                <p>
                                    <b>Réalisateurs</b> :
                                    <c:forEach var="r" items="${f.realisateurs}">
                                        ${r.nom}
                                    </c:forEach>
                                </p>
                                <b>Description</b> :
                                <p><i>${f.descriptionDetail}</i></p>

                                <p><b>Prix DVD</b> : ${f.prixDVD}€</p>
                                <p><b>Prix BlueRay</b> : ${f.prixBlueRay}€</p>
                              <!-- <a href="ServletFilm?action=popup&titre=${f.titre}&affiche=${f.affiche}&prixdvd=${f.prixDVD}&prixblueray=${f.prixBlueRay}" class="myButton">Ajouter au panier</a>  -->
                               <!-- <a href="ServletPanier?action=ajouter&titre=${f.titre}&affiche=${f.affiche}&prixdvd=${f.prixDVD}&prixblueray=${f.prixBlueRay}&detail=${f.descriptionDetail}&description=${f.description}&note=${f.note}"class="myButton">Ajouter au panier</a> -->
                               <a href="ServletPanier?action=ajouter&id=${f.id}" class="myButton">Ajouter au panier </a>                                                                          
                                </div>
                                <!-- On compte le nombre de users -->
                                   <c:set var="total" value="${total+1}"/>

                                </c:forEach>

                                <!-- Affichage du solde total dans la dernière ligne du tableau -->
                                


                            </c:if>

                            <!-----------  AFFICHAGE ACTEUR ----------------->

                            <c:if test="${param['action'] == 'acteur'}">

                                <c:set var="total" value="0"/>

                                <c:forEach var="a" items="${acteur}">
                                    <c:if test="${a.description != '[]'}">
                                        <div id="picture"> <img class="imgr" src="${a.photo}" alt="" width="150" height="210" /></div>

                                <div id="contentFilm">
                                    <h1>${a.nom}</h1>

                                    <b>Biographie</b> :
                                    <p><i>${a.description}</i></p>

                                    <!--  Affiche liste des films de l'acteur -->
                                    <b>Ses Films</b> :
                                    <c:forEach var="f" items="${acteurFilm}">
                                        <a href="ServletFilm?id=${f.id}&action=listerFilmsDetails&submit=OK">${f.titre},</a>
                                    </c:forEach>
                                </div>
                            </c:if>

                        </c:forEach>

                    </c:if>
                
                 
                </div>
        
                <br class="clear" />
            </div>
        </div>
        <div class="wrapper col4">
            <div id="footer">
                <div class="footbox">
                    <h2>Contact</h2>
                    <ul>
                        <li><a href="mailto:sophie.tournes@gmail.com">Sophie Tournès</a></li>
                        <li class="last"><a href="mailto:aureliefolacci@gmail.com">Aurélie Folacci</a></li>

                    </ul>
                </div>
                <div class="footbox">
                    <h2>Liens</h2>
                    <ul>
                        <li><a href="http://www.allocine.fr">Allocine</a></li>
                        <li class="last"><a href="http://www.pathe.fr">Pathe Gaumont</a></li>
                    </ul>
                </div>

                <br class="clear" />
            </div>
        </div>
        <div class="wrapper col5">
            <div id="copyright">
                <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">Aurélie Folacci et Sophie Tournès</a></p>
                <br class="clear" />
            </div>
        </div>
    </body>
</html>
